/* main css */
[data-color-mode=light] {
    --body: #f5f6f7;
    --box-p: 0 0 15px rgba(28 31 35 / 2%);
    --box-comment: #f3f3f3;
    --input: 0 10px 20px 1px var(--theme-1);
    --border: #e3e3e3;
}
[data-color-mode=night] {
    --body: #292A2D;
    --bgc: #34363a;
    --box-p: 0 0 10px rgba(28 31 35 / 10%);
    --box-comment: var(--body);
    --input: var(--box-p);
    --border: #3f3f3f;
}
body {
    background-color: var(--body);
}

/* header.css */
.nav-bar .nav-menu .sub-menu,
.nav-bar .nav-menu .sub-menu:hover {
    border: 0;
}
.nav-bar .nav-menu .sub-menu li:hover > .sub-menu,
.nav-bar .nav-menu .sub-menu li .sub-menu li:hover .sub-menu {
    transform: translateY(-8px);
}
.nav-bar .user-menu,
.nav-bar .user-menu:hover,
.nav-bar-mb .user-menu,
.nav-bar-mb .user-menu:hover {
    border: 0;
    top: 70px;
}
.nav-mb .nav-menu-mb > li > ul,
.nav-mb .nav-menu-mb > .menu-item-has-children > a:hover {
    background-color: var(--body);
}
.nav-mb .nav-menu-mb > .menu-item-has-children > a.open,
.nav-mb .nav-menu-mb > li a:hover {
    background-color: var(--body);
}

/* home.css */
.searchform input {
    background-color: var(--bgc);
    border: 0;
    box-shadow: var(--box-p);
    transition: var(--tr3);
}
.searchform input:hover,
.searchform input:focus {
    border: 0;
}
.content .main-part > ul > li,
.home-2 .home-2-mian ul li {
    border: 0;
    background-color: var(--bgc);
    box-shadow: var(--box-p);
    transition: var(--tr3);
}
.content .main-part > ul > li:hover,
.home-2 .home-2-mian ul li:hover {
    border: 0;
}
.page-nav-bar .page-nav .page-numbers {
    background-color: var(--bgc);
    box-shadow: var(--box-p);
    transition: var(--tr3);
}
.page-nav-bar .page-nav .current {
    color: var(--text-keep);
    background-color: var(--theme);
    transition: var(--tr3);
}

/* article.css */
.single-main .left .post-context .post-prev-next {
    border: 0;
    padding: 0;
    background-color: var(--body);
    box-shadow: none;
    transition: var(--tr3);
}
.single-main .left .post-context .post-prev-next:hover {
    border: 0;
}
.single-main .left .post-context .post-prev-next i {
    display: none;
}
.single-main .left .post-context .post-prev-next .post-prev, 
.single-main .left .post-context .post-prev-next .post-next {
    width: calc(50% - 7.5px);
    padding: 15px;
    background-color: var(--bgc);
    border-radius: var(--radius);
    box-shadow: var(--box-p);
}

/* sidebar.css */
.author-info-box,
#primary-sidebar .widget_categories,
#primary-sidebar .widget_archive,
#primary-sidebar .widget_tag_cloud,
#primary-sidebar .widget_recent_comments li,
#primary-sidebar .widget_recent_entries,
#primary-sidebar .widget_search input,
/* 组合 */
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments__comment,
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts,
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-archives,
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-categories {
    border: 0;
    background-color: var(--bgc);
    box-shadow: var(--box-p);
}
.author-info-box:hover,
#primary-sidebar .widget_categories:hover,
#primary-sidebar .widget_archive:hover,
#primary-sidebar .widget_tag_cloud:hover,
#primary-sidebar .widget_recent_comments li:hover,
#primary-sidebar .widget_recent_entries:hover,
#primary-sidebar .widget_search input:hover,
#primary-sidebar .widget_search input:focus,
/* 组合 */
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments__comment:hover,
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts:hover,
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-archives:hover,
#primary-sidebar .wp-block-group .wp-block-group__inner-container .wp-block-categories:hover {
    border: 0;
}
.author-info-box .author-info .post-author-logo {
    border: 1px solid var(--theme);
}

/* article.css */
.single-main .left .post-content blockquote,
.single-main .left .post-content tr:nth-child(odd),
.single-main .left .post-copyright {
    background-color: var(--body);
    transition: var(--tr3);
}

.single-top {
    margin-top: 90px;
}
.single-banner {
    padding-bottom: 0;
    border-bottom: 0;
    padding: 20px;
    border-radius: var(--radius);
    background-color: var(--bgc);
    box-shadow: var(--box-p);
    transition: var(--tr3);
}
.single-banner .single-cate {
    margin: 0 0 8px 0;
}
.single-banner .single-title h1 {
    font-size: 28px;
}
.say-top .single-banner .single-title h1 {
    margin-top: 0;
}
.single-main .left {
    border: none;
    padding-right: 0;
}
.page-banner .page-title h1 {
    margin-top: 0;
    font-size: 28px;
}
.page-banner,
.single-main .left .post-content {
    padding: 20px;
    background-color: var(--bgc);
    border-radius: var(--radius);
    box-shadow: var(--box-p);
    border-bottom: 0;
    transition: var(--tr3);
}
.single-main .left .post-content {
    border-right: none;
}
.single-main .left .post-content > *:last-child {
    margin-bottom: 0;
}
.single-main .left .post-context {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 0;
}
.single-main .left .post-copyright {
    border: 0;
    margin-top: 15px;
}
.single-main .left .post-copyright:hover {
    border: 0;
}
.single-main .left .post-copyright:hover div {
    color: var(--text-info);
}

.is-logined {
    height: 80px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.is-logined .is-logined-box {
    background-color: var(--bgc);
    border: 0;
    box-shadow: var(--box-p);
}
.is-logined .is-logined-box:hover {
    border: 0;
}
.post-comments .comment-respond textarea,
.post-comments .comment-respond .comment-form-author input, 
.post-comments .comment-respond .comment-form-email input, 
.post-comments .comment-respond .comment-form-url input {
    border: 0;
    background-color: var(--bgc);
    box-shadow: var(--box-p);
    transition: var(--tr3);
}
.post-comments .comment-respond textarea:hover,
.post-comments .comment-respond textarea:focus,
.post-comments .comment-respond .comment-form-author input:hover, 
.post-comments .comment-respond .comment-form-author input:focus, 
.post-comments .comment-respond .comment-form-email input:hover, 
.post-comments .comment-respond .comment-form-email input:focus, 
.post-comments .comment-respond .comment-form-url input:hover,
.post-comments .comment-respond .comment-form-url input:focus {
    border: 0;
}
.post-comments {
    border-radius: var(--radius);
    transition: var(--tr3);
}
.post-comments .depth-1 {
    background-color: var(--bgc);
    border:0;
    box-shadow: var(--box-p);
    transition: var(--tr3);
}
.post-comments .depth-1:hover {
    border:0;
}
.post-comments #post-comments-nav a,
.post-comments #post-comments-nav span {
    background-color: var(--body);
    transition: var(--tr3);
}

.single-main .left .the-end {
    margin-top: 20px;
    margin-bottom: 15px !important;
}


/* links.css */
.linkcat ul li {
    border: 0;
    background-color: var(--body);
    transition: var(--tr3);
}
.linkcat ul li:hover {
    border: 0;
}

/* right-button button */
#article-toc-mb,
.post-menu-btn div,
.change-night,
.progress-wrap {
    border: 0;
}
#article-toc-mb:hover,
.post-menu-btn div:hover,
.change-night:hover,
.progress-wrap:hover {
    border: 0;
}


/* login.css */
.login-page .login-msg .form-item input {
    background-color: var(--bgc);
    border: 0;
    box-shadow: var(--box-p);
}
.login-page .login-msg .form-item input:hover,
.login-page .login-msg .form-item input:focus {
    border: 0;
}

/* say.css */

@media screen and (max-width: 960px) {
    .searchform-mb input {
        background-color: var(--body);
        border: 0;
    }
    .searchform-mb input:hover,
    .searchform-mb input:focus {
        background-color: var(--body);
        border: 0;
    }
    .searchform-mb input:focus {
        box-shadow: none;
    }
    .change-night-mb {
        background-color: var(--body);
    }
}

@media screen and (max-width: 640px) {
    /* 首页 */
    .wrapper-home {
        padding: 15px 10px 0 10px;
        margin-top: 70px;
    }
    .main {
        padding: 0 10px;
    }
    .main-content .notice {
        margin-top: 15px;
    }
    .content .title-part {
        margin: 10px 0;
        padding-left: 10px;
    }
    .content .title-part p {
        padding-bottom: 5px;
    }
    .content .main-part ul {
        grid-gap: 15px;
    }
    .home-2 .home-2-mian ul li {
        padding: 10px;
        margin-bottom: 10px;
    }
    .page-nav-bar {
        height: 60px;
    }

    /* 文章页 */
    .single-top {
        margin-bottom: 10px;
        margin-top: 85px;
    }
    .single-top, .article-main {
        padding: 0 10px;
    }
    .single-banner {
        padding: 15px;
    }
    .single-main .left {
        padding-bottom: 0;
    }
    .single-main .left .post-content {
        padding: 15px;
    }
    .single-banner .single-title h1 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .single-banner .single-detail .author {
        margin-bottom: 8px;
    }
    .single-banner .breadcrumb {
        margin-top: 8px;
    }
    .single-main .left .post-context {
        margin-top: 15px;
    }
    .single-main .left .post-context .post-prev-next .post-prev,
    .single-main .left .post-context .post-prev-next .post-next {
        width: calc(50% - 5px);
    }
    .post-comments {
        margin-top: 15px;
    }
    .post-comments .comment-respond .form-submit input {
        /* margin-top: 0; */
    }
    .post-comments .depth-1 {
        margin-top: 15px; 
    }
    .single-main .left .the-end {
        margin-bottom: 10px !important;
        display: none;
    }
    .post-context .post-context_text, 
    .post-comments .comment-reply-title, 
    .post-comments .post-comments-title {
        margin-top: 20px;
    }
    .single-main .left .post-copyright {
        margin-top: 10px;
    }

    /* 页面 */
    .page-main {
        padding: 0 10px !important;
    }
    .page-link {
        margin-top: 80px;
    }
    .page-banner {
        padding: 15px;
    }
    .page-banner .page-title h1 {
        font-size: 20px;
    }
    .page-banner .page-detail .author {
        margin-bottom: 8px;
    }

    /* right-botton button */
    .article-toc-mb,
    .post-menu-btn,
    .change-night,
    .progress-wrap {
        right: 10px !important;
    }

    /* footer */
    .footer {
        margin-top: 15px;
    }
}
